<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/t/wx_fed/weui-source/res/2.5.10/weui.min.css">

</head>

<body class="df dcloum">
    <!-- 主体 -->
    <main class="flex">
        <div class="weui-cells">
            <!-- 第1联  头像-->
            <div class="weui-cell weui-cell_access " id="goBtn">
                <div>
                    <img alt="" class="headPic" id="vatar">
                </div>
                <div class="weui-cell__bd" id="b1_txt1">
                    <span id="nickNameTxt">联系人名称</span>
                </div>
                <span class="weui-cell__ft"></span>
            </div>
            <div class="demo_badge_desc" id="signTxt">摘要信息</div>
            <!-- 第2联  打卡数据-->
            <div class="weui-cell  weui-cell_access mtop10">
                <span class="weui-cell__bd">
                    <span> <span class="iconfont icon-daka"></span> 累计打卡<span id="clockNum">23</span>天
                    </span></span>
                </span>
                <span class=" clock-btn tcenter" id="clockBtn">今日打卡</span>
            </div>
            <!-- 第3联  个人动态 -->
            <div class="weui-cell  weui-cell_access mtop10">
                <span class="weui-cell__bd">
                    <span> <span class="iconfont icon-shujuku "></span> 个人动态 </span>
                </span>
                <span class="weui-cell__ft"><span class="personRg font16">10条</span></span>
            </div>
            <!-- 第4联  运动数据-->
            <label id="sportData" >
                <div class="weui-cell  weui-cell_access mtop10">
                    <span class="weui-cell__bd">
                        <span><span class="iconfont icon-bianzu4 "></span> 运动数据</span>
                    </span>
                    <span class="weui-cell__ft"></span>
                </div>
                <!-- 总运动和 本周消耗-->
                <div class="sportsunder df">
                    <div >
                        <div class="font16">总运动</div>
                        <p><span class="blue">99999</span>分钟</p>
                    </div>
                    <span class="line"></span>
                    <div>
                        <div class="font16">本周消耗</div>
                        <p><span class="blue">99999</span>千卡</p>
                    </div>
                </div>
            </label>
            <!-- 运动徽章区域 -->
            <a href="mybadge.html">
                <div class="weui-cell  weui-cell_access mtop10">
                    <span class="weui-cell__bd">
                        <span><span class="iconfont icon-jiangzhang"></span> 我的运动徽章</span>
                    </span>
                    <span class="weui-cell__ft"></span>
                </div>
            </a>
            <div class="badge">
                <div class="badgeunder df">
                    <div class="badgeimg1"><img src="../../assets/imgs/mybadge01.jpg" alt=""></div>
                    <div class="badgeimg2"><img src="../../assets/imgs/mybadge02.jpg" alt=""></div>
                    <div class="badgeimg3"><img src="../../assets/imgs/mybadge03.jpg" alt=""></div>
                </div>
            </div>
            <!-- 退出登录区域 -->
            <div class="quit tcenter">
                <button type="button" id="quitBtn" class="font18">退出登录</button>
            </div>
        </div>
    </main>
    <!-- 页脚 -->
    <footer></footer>
    <script src="https://res.wx.qq.com/t/wx_fed/cdn_libs/res/weui/1.2.8/weui.min.js"></script>

</body>

</html>